<template>
  <div>
      <ul>
          <li v-for="(page, index) in pageList" :key="index"
            @click="changePage(index)"
            >
              {{ page }}
          </li>
      </ul>
  </div>
</template>

<script>
export default {
  data () {
    return {
      pageList: ['Page->1', 'Page->2', 'Page->']
    }
  },
  methods: {
    changePage (id) {
      console.log(id)
      this.$router.push(`/page/${id}`)
    }
  }
}
</script>

<style>

</style>
